//
//
// > Interfaces/Mmvp.js
body section#demo {
  border: 1px dotted #cfcfcf;
  border-radius: 3px;
  nav {
    padding: 14px 0;
    h3 {
      padding: 0 10px;
      &.active {
        &::before {
          top: 26px;
        }
        &::after {
          bottom: -14px;
        }
      }
    }
  }
  pre {
    border: none;
  }
}

// < Interfaces/Mmvp.js

//
//
// > Interfaces/Asciiw
body section#demo {}

.ascii-frames {
  text-align: center;
}

// < Interfaces/Asciiw

//
//
// > Interfaces/Markdown Tree
#markdown-tree {
  a {
    border-bottom: none;
    padding: 0px 5px 0px 20px;
    background: url("/assets/prj_img/markdown_tree/folder.png") no-repeat left center;
    &:last-child {
      color: black;
      font-size: 12px;
      line-height: 22px;
      height: 22px;
      display: inline-block;
    }
  }
  #path {
    border: 1px solid #dfdfdf;
    padding: 5px 10px;
    background: #eaeaea;
  }
  #menu {
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 5px 10px;
    margin-bottom: 5px;
    background: #f4f4f4;
  }
  #menu ul {
    margin: 0;
    border: none;
    li {
      background: url("/images/page.png") no-repeat left center;
      display: inline-block;
      list-style: none;
      font-size: 10px;
      padding-left: 20px;
      padding-right: 10px;
      line-height: 10px;
      border-right: 1px dotted #d4d4d4;
      &.page a {
        background-image: url("/assets/prj_img/markdown_tree/page.png");
      }
      &.folder a {
        background-image: url("/assets/prj_img/markdown_tree/folder.png");
      }
      &.current a {
        background-image: url("/assets/prj_img/markdown_tree/page_edit.png");
        a {
          color: black;
        }
      }
    }
  }
}

// < Interfaces/Markdown Tree

//
//
// > Interfaces/Mil Edit
#editor {
  box-sizing: border-box;
  ul li {
    list-style-type: none;
  }
}

// < Interfaces/Mil Edit

//
//
// > Interfaces/Keyboard Tiler
#keyboard {
  table-layout: fixed;
  border: 1px dotted #e8e8e8;
  width: 100%;
  box-sizing: border-box;
  tr {
    margin: 10px;
    background: #e8e8e8;
    td {
      overflow: hidden;
      background: #fff;
      padding: 8px 0;
      text-align: center;
      border: 1px dashed #ccc;
      margin: 5px;
      width: 100%;
      &.act {
        font-weight: bold;
      }
      &.hit {
        background: #eee;
      }
      //&:last-child
   
    }
  }
}

// < Interfaces/Keyboard Tiler


// > Untitled prints
.project_untitled_prints {
  .item {
    display: block;
    overflow: hidden;
    padding-bottom: sp(4);
    display: block;
    clear: both;
  }
  .img {
    clear: both;
    display: block;
    padding: 0;
    max-height: 150px;
    width: 100%;
    img {
      margin-top: -30px;
    }
    overflow: hidden;
    &:hover {
      background-color: white;
      background-image: url();
    }
  }
  a:not(.item) {
    @include fz(sm);
    float: right;
    margin-left: 10px;
    margin-top: 5px;

  }

}
// < Untitled prints
